<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>XXX系统</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" href="img/touchicon.png" />
</head>
<body>
	<div class="g-hd" style="background: url(img/title-bg.jpg)">
		<div style="float: left; height: 60px; width: 100px; background-image: url(img/logo.jpg);"></div>
		<div class="m-nav m-nav-2">
			<ul>
				<li class="first"><a href="#">首页</a></li>
				<li><a href="#">栏目1</a></li>
				<li><a href="#">栏目2</a></li>
				<li><a href="#">栏目3</a></li>
				<li><a href="#">Setting</a></li>
				<li><a href="#">Logout</a></li>
			</ul>
		</div>
	</div>
	<div class="g-sd" style="border-right: 1px solid #ddd;">
		<div id="left-content">
			
		</div>
	</div>
	<div class="g-mn">
		<iframe id="main-content" name="main-content" src="" height="99%" width="100%" frameborder="0"></iframe>
	</div>
</body>
<script type="text/javascript" src="sea-modules/sea.js" id="seajsnode"></script>
<script type="text/javascript" src="sea-modules/boot_i.js"></script>
<script type="text/javascript">
	seajs.use([ 'jquery', 'leftNav','browser'], function($, leftNav,browser) {
		if(browser.msie) {
			$('#main-content').css('height',($('.g-mn').height()) + "px");	
		}
		var d = [ {
			title : 'Title1',
			children : [  {
				title : 'aaa',
				url : 'content.html'
			}, {
				title : 'grid',
				url : 'grid.html'
			},{
				title : 'form',
				url : 'form.html'
			}, {
				title : 'model',
				url : 'model.html'
			}, {
				title : 'aaa',
				url : ''
			} ]
		}, {
			title : 'Title2',
			children : [ {
				title : 'bbb',
				url : ''
			} ]
		} , {
			title : 'Title3',
			children : [ {
				title : 'cccc',
				url : ''
			} ]
		} ];
		leftNav('main-content', "left-content", d);
	});
</script>
</html>